<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>资源类标签</title>
</head>
<body>
<!--引入图片，使用img标签，img标签是单标签，没有结束标签
img标签中的属性包括：
    src属性用于指定图片的路径，
    windeth和height属性用于指定图片的宽度和高度，单位为px像素点，
    也可以通过百分比进行指定
    alt属性用于指定图片加载失败时的提示信息
-->
<img src="../resource/img.svg" width="10%" height="10%" alt="图片加载失败">

<!--引入音频文件，使用audio标签，audio标签是双标签，有开始和结束标签；
audio标签中的属性包括：
    src属性用于指定音频文件的路径，
    controls属性用于指定是否显示播放控件，
    注意在HTML、JS、CSS中属性设置时，属性名和属性值之间使用等号连接，
    属性值使用双引号包裹，如果属性和属性值相同，那么可以省略属性值设置
    autoplay属性用于指定是否自动播放，loop属性用于指定是否循环播放-->
<audio src="../resource/泪桥.m4a" controls="controls"></audio>

<!--引入视频文件，使用video标签，video标签是双标签，有开始和结束标签；
video标签中的属性包括：
    src属性用于指定视频文件的路径，
    controls属性用于指定是否显示播放控件，
    autoplay属性用于指定是否自动播放，loop属性用于指定是否循环播放-->
<video src="../resource/111.mp4" width="200px" height="200" controls></video>

<!--注意资源类标签都是行标签，即内容不会独占一行，而是与其他内容在用一行中显示-->

<!--超链接，使用a标签引入，点击该标签内的内容，可以跳转到其他指定页面中，
a标签中的属性包括：
    href属性用于指定链接的地址，
    target属性用于指定页面的打开方式，
       _blank表示在新窗口中打开，
       _self表示在当前窗口中打开，默认的打开方式，
       _parent表示在父窗口中打开，如页面是在iframe中，
       _top表示在顶级窗口中打开
    title属性用于指定鼠标悬停时的提示信息
-->
<a href="01_introduce.html" target="_self">点击一下跳转到首页</a>
</body>
</html>